<!-- <template>
  <div>
    {{ tableData }}
    <table class="finance-table" cellspacing="0" border="1">
      <tr class="table-head-row">
        <th v-for="item in config.titleTxt" :key="title">{{ item.title }}</th>
      </tr>
      <tr class="table-solid-row">
        <td>
          <div class="title">
            <img src="../../src/assets/logo.png" alt="" width="40" height="40" class="img" />
            <span>小兰</span>
          </div>
        </td>
        <td>
          <div>131313131231</div>
        </td>
        <td>
          <div>+11</div>
        </td>
        <td>
          <div>55</div>
        </td>
        <td>
          <div>积分签到+5</div>
        </td>
        <td>
          <div>本人</div>
        </td>
        <td>
          <div>
            <span>2002</span>
            <span>11.2.0</span>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: 'Com-FinancialTable',
  props: {
    config: {
      type: Object,
    },
    tableData: {
      type: Array,
    },
  },
  data() {
    return {}
  },
  methods: {},
  mounted() {},
}
</script>
<style lang="scss" scoped>
.finance-table {
  width: 1133px;
  margin: 0 auto;
  border-color: #c8c8c8;
}
.table-row {
}
.table-head-row th {
  width: 100px;
  background: #efefef;
  height: 48px;
  font-weight: 100;
  font-size: 14px;
}
.table-solid-row {
  width: 100%;
  text-align: center;
  height: 48px;
}
.title {
  position: relative;
}
.title .img {
  position: absolute;
  left: 15px;
  top: -10px;
  border-radius: 50%;
}
</style> -->
